// 用于存放一些工具样式 例如 设置外边距类名的设置等
@import 'constant';

.animate__delay-0 {
    animation-delay: 0 !important;
}

.animate__delay-1 {
    animation-delay: 100ms !important;
}


.animate__delay-2 {
    animation-delay: 200ms !important;
}


.animate__delay-3 {
    animation-delay: 300ms !important;
}


.color-secondary {
    color: @secondaryColor;
}

.aaa {
    width: 20px;
    height: 20px;
    background-color: red;
}

.color-white {
    color: #fff !important;

}

.bg-color-primary {
    background-color: @primaryColor  !important;
}

.bd-color-primary {
    border-color: @primaryColor  !important;
    ;
}

.va-b {
    vertical-align: bottom;
}

.pd-0 {
    padding: 0;
}

.pt-6 {
    padding-top: 6px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pb-6 {
    padding-bottom: 6px !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.mr-5 {
    margin-right: 5px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mb-30 {
    margin-bottom: 30px !important;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-50 {
    margin-top: 50px !important;
}

.mt-100 {
    margin-top: 100px !important;
}

.br-20 {
    border-radius: 20px !important;
}

.br-30 {
    border-radius: 30px !important;
}

.br-tl-30 {
    border-top-left-radius: 30px;
}


.br-tr-30 {
    border-top-right-radius: 30px;
}


.br-br-30 {
    border-bottom-right-radius: 30px;
}


.br-bl-30 {
    border-bottom-left-radius: 30px;
}



.text-align-center {
    text-align: center !important;
}

.text-align-left {
    text-align: left;
}

.overflow-hidden {
    overflow: hidden;
}

.outline-none {
    outline: none !important;
}

.checked {
    color: @primaryColor ;
    border-bottom: 3px solid @primaryColor;
}

.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pointerHover {
    cursor: pointer;
}

.input-success {
    box-shadow: 0 0 5px 2px lightgreen;
}

.input-error {
    box-shadow: 0 0 5px red;
}

.text-success {
    color: green
}

.text-error {
    color: red;
}
